<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>苏州旅行社欢迎您</title>
    <link rel="stylesheet" href="CSS/basic.css">
    <link rel="stylesheet" href="CSS/inforticket.css">
    <link rel="stylesheet" href="CSS/ticket.css">
</head>
<body>
<header id="header">
    <div class="center">
        <h2 class="logo">苏州旅行社</h2>
        <nav class="link">
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="information.html">旅游资讯</a></li>
                <li><a href="ticket.html">机票订购</a></li>
                <li><a href="scenery.html">风景欣赏</a></li>
                <li><a href="about.html">关于公司</a></li>
            </ul>
        </nav>
    </div>
</header>
<div id="headline">
    <div class="center">
        <hgroup>
            <h2>旅游资讯</h2>
            <h3>介绍各种最新旅游信息、资讯要闻、景点攻略等</h3>
        </hgroup>

    </div>
</div>
<div id="container">
    <!--侧边栏-->
    <aside class="sidebar">
        <div class="sidebox">
            <h2>景点推荐</h2>
            <div class="tag">
                <ul>
                    <li><a href="#">曼谷(12)</a></li>
                    <li><a href="#">东京(5)</a></li>
                    <li><a href="#">西双版纳(8)</a></li>
                    <li><a href="#">漓江(16)</a></li>
                    <li><a href="#">呼伦贝尔(4)</a></li>
                    <li><a href="#">首尔(9)</a></li>
                    <li><a href="#">巴厘岛(15)</a></li>
                    <li><a href="#">土耳其(22)</a></li>
                    <li><a href="#">夏威夷(5)</a></li>
                    <li><a href="#">巴厘岛(11)</a></li>
                    <li><a href="#">毛里求斯(7)</a></li>
                    <li><a href="#">吉普岛(4)</a></li>
                    <li><a href="#">希腊(18)</a></li>
                    <li><a href="#">法瑞意(8)</a></li>
                    <li><a href="#">马尔代夫(9)</a></li>
                    <li><a href="#">新西兰(16)</a></li>
                    <li><a href="#">埃及(11)</a></li>
                    <li><a href="#">迪拜(14)</a></li>
                    <li><a href="#">斯里兰卡(7)</a></li>
                    <li><a href="#">麦哈顿(3)</a></li>
                    <li><a href="#">大阪(15)</a></li>
                </ul>
            </div>
        </div>
        <div class="sidebox">
            <h2>热门旅游</h2>
            <div class="figure">
                <figure>
                    <img src="img/hot1.jpg" alt="曼谷-芭提雅6日游">
                    <figcaption>曼谷-芭提雅6日游</figcaption>
                </figure>
                <figure>
                    <img src="img/hot2.jpg" alt="马尔代夫双鱼6日游">
                    <figcaption>马尔代夫双鱼6日游</figcaption>
                </figure>
                <figure>
                    <img src="img/hot3.jpg" alt="海南双飞5日游">
                    <figcaption>海南双飞5日游</figcaption>
                </figure>
                <figure>
                    <img src="img/hot4.jpg" alt="富山大阪东京8日游">
                    <figcaption>富山大阪东京8日游</figcaption>
                </figure>
                <figure>
                    <img src="img/hot5.jpg" alt="法瑞意德12日游">
                    <figcaption>法瑞意德12日游</figcaption>
                </figure>
                <figure>
                    <img src="img/hot6.jpg" alt="巴厘岛6日半游">
                    <figcaption>巴厘岛6日半游</figcaption>
                </figure>
                <figure>
                    <img src="img/hot7.jpg" alt="塞舌尔迪拜8日游">
                    <figcaption>塞舌尔迪拜8日游</figcaption>
                </figure>
                <figure>
                    <img src="img/hot8.jpg" alt="花样土耳其10日游">
                    <figcaption>花样土耳其10日游</figcaption>
                </figure>


            </div>
        </div>
        <div>
            <div class="sidebox">
                <h2>旅游百宝箱</h2>
                <div class="box">
                    <a href="#" class="trea1">天气预报</a>
                    <a href="#" class="trea2">火车票查询</a>
                    <a href="#" class="trea2">航空查询</a>
                    <a href="#" class="trea4">地铁线路查询</a>
                </div>
            </div>
        </div>
    </aside>
<div class="list">
    <form action="#">
        <h2>机票预订</h2>
        <div class="type">
            <p>航班类型 <mark>单程</mark>往返</p>
        </div>
        <div class="left">
            <p>
                <label for="from_city">出发城市</label>
                <input type="text" name="from_city" id="from_city" placeholder="城市名">
            </p>
            <p>
                <label for="to_city">返回城市</label>
                <input type="text" name="to_city" id="to_city" placeholder="城市名">
            </p>
        </div>
        <div class="right">
            <p>
                <label for="from_date">出发时间</label>
                <input type="text" name="from_date" id="from_date" placeholder="时间/日期">
            </p>
            <p>
                <label for="to_date">到达时间</label>
                <input type="text" name="to_date" id="to_date" placeholder="时间/日期">
            </p>
        </div>
        <div class="button">
            <p>
                <button type="submit" class="submit">订票</button>
            </p>
        </div>
    </form>
    <div class="new">
        <h2>最新机票</h2>
        <ul>
            <li>热门城市:</li>
            <li>北京</li>
            <li>上海</li>
            <li>广州</li>
            <li>深圳</li>
            <li>重庆</li>
            <li>成都</li>
            <li>杭州</li>
            <li>南京</li>
        </ul>
        <table>
            <thead>
                <tr>
                    <th>路线</th>
                    <th>日期</th>
                    <th>价格</th>
                    <th>税费</th>
                    <th>餐食</th>
                    <th>航班</th>
                    <th>预订</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>北京-成都</td>
                    <td>10-15</td>
                    <td class="price">￥745</td>
                    <td>￥50</td>
                    <td>有</td>
                    <td>春秋航空</td>
                    <td><a href="#" class="reserve">预订</a> </td>
                </tr>
                <tr>
                    <td>北京-成都</td>
                    <td>10-15</td>
                    <td class="price">￥745</td>
                    <td>￥50</td>
                    <td>有</td>
                    <td>春秋航空</td>
                    <td><a href="#" class="reserve">预订</a> </td>
                </tr>
                <tr>
                    <td>北京-成都</td>
                    <td>10-15</td>
                    <td class="price">￥745</td>
                    <td>￥50</td>
                    <td>有</td>
                    <td>春秋航空</td>
                    <td><a href="#" class="reserve">预订</a> </td>
                </tr>
                <tr>
                    <td>北京-成都</td>
                    <td>10-15</td>
                    <td class="price">￥745</td>
                    <td>￥50</td>
                    <td>有</td>
                    <td>春秋航空</td>
                    <td><a href="#" class="reserve">预订</a> </td>
                </tr>
                <tr>
                    <td>北京-成都</td>
                    <td>10-15</td>
                    <td class="price">￥745</td>
                    <td>￥50</td>
                    <td>有</td>
                    <td>春秋航空</td>
                    <td><a href="#" class="reserve">预订</a> </td>
                </tr>
                <tr>
                    <td>北京-成都</td>
                    <td>10-15</td>
                    <td class="price">￥745</td>
                    <td>￥50</td>
                    <td>有</td>
                    <td>春秋航空</td>
                    <td><a href="#" class="reserve">预订</a> </td>
                </tr>
                <tr>
                    <td>北京-成都</td>
                    <td>10-15</td>
                    <td class="price">￥745</td>
                    <td>￥50</td>
                    <td>有</td>
                    <td>春秋航空</td>
                    <td><a href="#" class="reserve">预订</a> </td>
                </tr>
                <tr>
                    <td>北京-成都</td>
                    <td>10-15</td>
                    <td class="price">￥745</td>
                    <td>￥50</td>
                    <td>有</td>
                    <td>春秋航空</td>
                    <td><a href="#" class="reserve">预订</a> </td>
                </tr>
            </tbody>
            <tfooter>
                <tr>
                    <td colspan="7"><a href="#" class="more">加载更多航班...</a></td>
                </tr>
            </tfooter>
        </table>
    </div>
</div>

</div>
<footer id="footer">
    <div class="top">
        <div class="block">
            <h2>合作伙伴</h2>
            <hr>
            <ul>
                <li>途牛旅游网</li>
                <li>途牛旅游网</li>
                <li>途牛旅游网</li>
                <li>途牛旅游网</li>
            </ul>
        </div>
        <div class="block">
            <h2>旅游FAQ</h2>
            <hr>
            <ul>
                <li>途牛旅游网</li>
                <li>途牛旅游网</li>
                <li>途牛旅游网</li>
                <li>途牛旅游网</li>
                <li>途牛旅游网</li>
            </ul>
        </div>
        <div class="block">
            <h2>联系方式</h2>
            <hr>
            <ul>
                <li>微博:weibo.com/ycku</li>
                <li>邮件:szxc@szku.com</li>
                <li>地址:江苏省苏州市姑苏区</li>
            </ul>
        </div>
    </div>
    <div class="bottom">
        Copyright © YCKU 苏城旅行社| 苏ICP 备XXXXXXXXX号| 旅行社经营许可证:L-YC-XX11111
    </div>
</footer>
</body>
</html>